<!DOCTYPE html>
<!-- begin #html -->
<!-- WP : Definicion del idioma por defecto -->
<html <?php language_attributes(); ?>>

<!-- begin #head -->
<head>
	<!-- WP : Definicion del mapa de caracteres del framework -->
	<meta charset=<?php bloginfo( 'charset' ); ?>>

	<!-- WP : Titulo del blog -->
	<title><?php wp_title();?></title>

	<!-- Definir viewport para dispositivos web móviles -->
	<meta name="viewport" content="width=device-width, minimum-scale=1">

	<!-- URL Favicon -->
	<link rel="shortcut icon" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

	<!-- URL css -->
	<link rel="stylesheet" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
	<link rel="stylesheet" media="all" href="<?php echo get_stylesheet_directory_uri(); ?>/normalize.css">

	<!-- Método para requerir notificación cuando alguien enlaza con uno de los documentos -->
	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />

	<!-- URL js -->
	<script src="<?php bloginfo('stylesheet_directory'); ?>/js/respond.js"></script>
	<script src="<?php bloginfo('stylesheet_directory'); ?>/js/modernizr.js"></script>

	<!-- WP : Incluye la cabecera de WP-->
	<?php wp_head(); ?> 
</head>
<!-- end #head -->

<!-- begin #body -->
<body>
	<!-- begin #wrapper -->
	<div class="wrapper">
		<!-- begin #header -->
		<header> 
			<!-- Options-Framework : -->
			<!-- Busca si se ha definido un logotipo en la capa de opciones del tema. Sino se definio, coloca el nombre del blog. -->
			<!-- begin #logo -->
			<div id="tp-main">
			 <h1 id="logo"> 
    			<a href="<?php echo home_url(); ?>" title="<?php bloginfo('description')?>">
	        		<img src="<?php bloginfo('stylesheet_directory'); ?>/js/respond.js" /> 
    			</a>
			</h1>
			</div>
			<!-- end #logo -->  

			<!-- begin #menu -->
			<?php wp_nav_menu( array('menu' => 'Main', 'container' => 'nav' )); ?>
			<!-- end #menu -->
		</header>
		<!-- end #header -->
